<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fresh Creative, CSS Template Design, Free Download</title>
<meta name="keywords" content="free design template, download web templates, Fresh Creativet Website, XHTML, CSS" />
<meta name="description" content="Fresh Creative - Free CSS Template, Free XHTML CSS Design Layout" />
<link href="style.css" rel="stylesheet" type="text/css" /> 
<link href="fullsize/fullsize.css" media="screen" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="fullsize/jquery.js"></script>
<script type="text/javascript" src="fullsize/jquery.fullsize.minified.js"></script>       
<script language="javascript" type="text/javascript">
function clearText(field)
{
	if (field.defaultValue == field.value) field.value = '';
	else if (field.value == '') field.value = field.defaultValue;
}
$(function(){
				$("div.gallery img").fullsize();
			});
</script>
</head>
<body>
	<div id="container"> 
    	<div id="header">
        	<div id="logo_area">
            	<div id="logo">
                	JUST
                </div>
                
                <div id="slogan">CSS Website Template</div>
          </div>
            
            <div id="social">
            	
                <a href="#"><img src="images/icon_3.jpg" alt="RSS" /></a>
            	<a href="#"><img src="images/icon_2.jpg" alt="Twitter" /></a>
            	<a href="#"><img src="images/icon_1.jpg" alt="Delicious" /></a>

                <form action="#" method="post">
                	  <input type="text" value="SEARCH" name="q" class="field"  title="email" onfocus="clearText(this)" onblur="clearText(this)" />
                	  <input type="submit" name="search" value = "" alt="Search" class="button" title="Subscribe" />
            	</form>
                
            </div>
            
            <div id="menu">
                <ul>
                    <li><a href="#" class="current">Home</a></li>
                    <li><a href="#">Portfolio</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Testimonial</a></li>
                    <li><a href="#">News  &amp; Events</a></li>
                    <li><a href="#" class="last">Contact</a></li>
                </ul>    	
    		</div> <!-- end of menu -->
            
        </div>
        
        <div id="content_area">
        
        	<div id="left">
            	<div class="section_1">
                	<div class="top">
                    	<h1>Testimonials</h1>
                        <span class="title">
                        	WHAT THAY SAY
                        </span>
                    </div>
                    <div class="middle">
                    	<div class="bottom">
							<p>Nulla enim nibh, consectetuer sed, vestibulum elementum, sagittis nec, diam.</p>

							<p>Mauris blandit vehicula neque. Proin consectetuer. Donec venenatis. Cras urna metus, feugiat non, consectetuer quis, pretium quis, nunc. </p>

							<p>Nullam pede purus, tempor a, imperdiet in, porttitor at, nulla. Aliquam elit risus, volutpat quis, mattis ac, elementum eget, mauris. In hac habitasse platea dictumst. </p>
                        </div>
                    </div>
                </div>
                
                <div class="templaemo_h_line"></div>
                
                <div class="section_2">
                	<h1>News &amp; Events</h1>
                    <div class="green">
                    	<h3>18 December 2048</h3>
                        <p>Pellen tesque dolor nulla, con gue vitae, frin gilla in, varius a, orci ma uris con.</p>
                    </div>
                    
                     <div class="blue">
                    	<h3>22 November 2048</h3>
                        <p>Proin vel libero id erat venen atis accu msan. Nunc blan dit orci sit amet risus.</p>
                    </div>
                    
                     <div class="yellow">
                    	<h3>30 October 2048</h3>
                        <p>Duis pul vinar scele risque ante. Mor bit risti  que, risus quis congue pul vinar.</p>
                    </div>
                </div>
                
                <div class="templaemo_h_line"></div>
                
                <div class="section_2">
                	<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>
                <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
                </div>
            </div><!-- End of left -->
            
            <div id="right">
            	<div class="section_3">
                	<h1>Welcome</h1>
                    <span class="blue_title">To Creative <b>IDEA</b></span>
                	<p>Just Template is a <a href="http://www.templatemo.com" target="_parent">free CSS template</a> from <a href="http://www.templatemo.com/page/1" target="_parent">templatemo.com</a> website. You may download, modify and apply this CSS layout for your websites. Credit goes to <a href="http://www.addfullsize.com/" target="_blank">full size</a> for jQuery Full Size Image Plugin. Nunc blandit orci sit amet risus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut iaculis lacinia purus.</p>
                  <p>Aliquam magna. Phasellus id felis.Donec mollis aliquet ligula. Maecenas adipiscing elementum ipsum. Pellentesque vitae magna. Sed nec est. Suspendisse a nibh tristique justo rhoncus volutpat. Suspendisse vitae neque eget ante tristique vestibulum. </p>
                </div>
                
                <div class="templaemo_h_line"></div>
                
                <div class="section_4">
                	<h1>Services</h1>
                    <div class="two_col left">
                    	
                        <img src="images/img_1.jpg" alt="Fruid" />
                        <h2>Creative Graphic Design</h2>
                    	<p>Aliquam sagittis molestie sapien. Nulla tellus risus, tincidunt vitae, sagittis vel, interdum at, erat. Duis vitae velit. Ut ultricies. Fusce sollicitudin nisl.</p>
                    
                    </div>
                    
                    <div class="two_col right">
                    	
                        <img src="images/img_2.jpg" alt="Free CSS Template" />
                    	<h2>Special Web Design</h2>
                    	<p>Phasellus tincidunt, tortor lacinia blandit commodo, nunc augue mattis eros, ut convallis est augue vel.</p>
                    
                    </div>
                    
                    <div class="cleaner"></div>
                </div>
                
                <div class="cleaner"></div>
                
                <div class="section_5">
                 
               	  <div class="two_col left">
                   	<h1>Photo Gallery</h1>
                    	<div class="gallery">
                   	  		<img src="images/thumb_1.jpg" class="left" longdesc="images/big_1.jpg" title="Sun Flower" alt="Sun Flower" />
                           

                      <img src="images/thumb_2.jpg" class="mid" longdesc="images/big_2.jpg" title="Stone" alt="Stone" />
                      <img src="images/thumb_3.jpg" class="right" longdesc="images/big_3.jpg" title="Bug" alt="Bug" />
                      
                      <img src="images/thumb_4.jpg" class="left" longdesc="images/big_4.jpg" title="Singapore" alt="Singapore" />
                           

                      <img src="images/thumb_5.jpg" class="mid" longdesc="images/big_5.jpg" title="Parrot" alt="Parrot" />
                      <img src="images/thumb_6.jpg" class="right" longdesc="images/big_6.jpg" title="Jetty" alt="Jetty" />
                      
                      
						</div>                      
                    </div>
                    
                    <div class="templaemo_v_line"></div>
                    
                    <div class="two_col right">
                    	<h1>Contact Info.</h1>
                        <p>Pellentesque odio. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas</p>
						<p>121/262 Lorem ipsum dolor sit,consectetuer adipiscing elit. Nunc quis sem nec, 10100</p>

						<p>Tel : 010-100-0100</p>
						<p>Fax : 020-200-0200</p>
						<p>Email : info@yourcompany.com</p>

                  </div>
                    <div class="cleaner"></div>
                	
                </div>
            
            </div><!-- End of right -->
        
        </div> <!-- End of content_area -->
        
    </div><!-- End Of Container -->
    <div class="cleaner"></div>
     <div id="footer">
        	Copyright © 2048 <a href="#">Your Company Name</a> | <a href="http://www.iwebsitetemplate.com" target="_parent">Website Templates</a> by <a href="http://www.templatemo.com" target="_parent">Free CSS Templates</a>    
        </div>
<!--  Free CSS Templates by TemplateMo.com  -->
</body>
</html>